<script setup lang="ts" name="list">
import { reactive, onMounted } from 'vue'
import { useLoadingBar  } from 'naive-ui'
import { useAppStore } from '@/store'
const store = useAppStore()
const thems =  reactive({
  menu_left:  store.thems?.menu_left?true:false,
});
const loadingBar = useLoadingBar()
loadingBar.start()

const data =  reactive({
  loading: false,
});

async function on_refresh(){
  data.loading = true
  setTimeout(() => {
    loadingBar.finish()
  }, 500)
}
 
onMounted(() => {
  on_refresh()
}); 
</script>

<template>
  
  <div class="page_list  page_up"  :style="thems.menu_left?'height:calc(100vh - 110px);':''">
    <n-scrollbar style="max-height: calc(100vh - 0px);padding: 10px;" trigger="none">
 
    </n-scrollbar>
  </div>
</template>

<style lang="scss" scoped>

</style>